import React from 'react'
import './TodoItem.css'
export default function TodoItem(props) {
  let {item,deleteTodo,updateTodo} = props ;
  // 删除方法
  let del = (id) => {
      return () => {
        deleteTodo(id)
      }
  }
  // 绑定后台选中数据
  let inputChecked = (id) => {
    return (e) => {
      updateTodo(id,e.target.checked)
    }
  }
   return (
    <li>
      <label>
        <input onChange={inputChecked(item.id)} checked={item.done} type="checkbox"/>
        <span>{item.title}</span>
      </label>
      <button onClick={del(item.id)} className="btn btn-danger" >删除</button>
    </li>
  )
}
